<template>
  <div>
     <div class="myDiv">
      <img src="../../img/0ea8a2fd1f3740c8f001e179b601b1d.jpg" alt="可怜的小harry">
      <p>这是一个孤独可怜的小harry</p>
     </div>
   </div>
</template>
 
<script>
export default {
  name: "",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
     .myDiv {
      float: left;
      width: 400px;
      height: 400px;
      border: 1px solid #000;
      background-color: #ccc;
     }
     img {
      width: 400px;
      height: 350px;
     }
     p {
      text-align: center;

     }
</style>